<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <div class="box1">
        <em>倾斜的文字</em>
    </div>
    <div class="box2">
        <b>加粗的文字</b>
    </div>
    <input type="text" id="txt" value="hello">
</body>
<script>
    var obox1 = document.querySelector(".box1");
    var obox2 = document.getElementsByClassName("box2")[0];
    var otxt = document.getElementById("txt");

    // 可以解析标签
    console.log(obox1.innerHTML);
    obox1.innerHTML = "<b>倾斜的文字</b>";

    // 不能解析标签
    console.log(obox2.innerText);
    obox2.innerText = "<em>加粗的文字</em>";

    // 只能控制表单元素
    console.log(otxt.value);
    otxt.value = "world";

    // 以上，即可获取，又可设置，设置会覆盖原内容
</script>
</html>